<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form method="get" action="Demo.html">
    <fieldset>
        <legend>个人信息</legend>
        <input type="text" name="username">用户名
        <input type="password" name="password">密码
        <input type="color" name="color">颜色
        <input type="hidden" name="hidden" value="hidden">
        <input type="range" min="1" max="14" name="rangeValue">
        <input type="search" min="2" max="12" name="search">
    </fieldset>


    <!--multiple="multiple"  多选列表框-->
    <select name="city" multiple="multiple">
        <optgroup label="辽宁">
            <option value="1">大连</option>
            <option value="2">沈阳</option>
            <option value="3">鞍山</option>
        </optgroup>
        <optgroup label="东北">
            <option value="4">吉林</option>
            <option value="5">黑龙江</option>
            <option value="6">北京</option>
        </optgroup>
    </select>
    <br>

    <select name="history">
        <option value="1">成吉思汗</option>
        <option value="2">五卅</option>
        <option value="2">五卅</option>
        <option value="2">五卅</option>


    </select>

<!--datalist   -->
    <input type="text" name="city" list="data">
        <datalist id="data">
            <option value="a">aa</option>
            <option value="b">aab</option>
            <option value="c">bcd</option>
            <option value="d">dcbse</option>
        </datalist>
    <input type="submit" value="提交">


</form>

</body>
</html>